<template>
<div style="padding-bottom: 44px">
  <div>
    <div>联系方式</div>
    <div>地址：{{lianxiwomeninfo.address}}</div>
    <div>乘车路线：{{lianxiwomeninfo.busroute}}</div>
    <div><img :src="lianxiwomeninfo.httpimage" alt=""></div>
    <div>地图：x:{{lianxiwomeninfo.x}}y:{{lianxiwomeninfo.y}}</div>
  </div>
<!--  <ul class="news-card-list">-->
<!--    <li class="news-card" v-for="card, index in lists" :key="index">-->
<!--        <elImage :src="card.images"-->
<!--          fit="cover" class="news-card-img"></elImage>-->
<!--        <div class="news-title">-->
<!--            {{ card.title }}-->
<!--        </div> -->
<!--        <div class="news-tag-list">-->
<!--          <div class="news-tag" v-for="tag, index in tags" :key="index">{{ tag="" }}</div>-->
<!--        </div>-->
<!--        <div class="news-times">-->
<!--            {{ card.origin }} <span></span> {{card.time}}-->
<!--        </div>-->
<!--    </li>-->
<!--  </ul>-->
</div>

</template>
<script>
  import { Image } from "element-ui"
  import {lianxiwomen} from "../../api/cms";
  export default {
  components: {
    elImage: Image
  },
    data () {
      return {
        active: 0,
        lianxiwomeninfo:{},
      }
    },
    created() {
      this.getList();
    },
    methods: {
      getList(keyword){
        lianxiwomen().then(res => {
          this.lianxiwomeninfo = res.data.data;
        }).catch(res => {
          console.log(res);
        });
      }
    }
  }
</script>
<style scoped>
  .news-card {
    border-radius: 20px;
    background-color: rgb( 255, 255, 255 );
    box-shadow: 2.5px 4.33px 7px 0px rgb( 0, 0, 0, 0.2);
    width: 392px;
    height: 426px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
  }
  .news-card-img {
    width: 100%;
    height: 238px;
  }
  .news-title {
    font-size: 18px;
    color: #2b2e2e;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 20px 34px;
    line-height: 30px;
        margin-top: -4px;
  }
  .news-card-list {
    width: 1228px;
    margin: 50px auto 0;
  }
  .news-tag-list {
    padding: 0 34px;
  }
  .news-tag {
    font-size: 13px;
    color: #3d80ff;
    height: 26px;
    padding: 0 14px;
    background: #ebf5ff;
    display: inline-block;
    line-height: 26px;
    margin-right: 12px;
  }
  .news-times {
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding: 0 34px;
    display: flex;
    width: 100%;
    font-size: 12px;
    color: #828282;
  }
  .news-card:nth-child(3n-1) {
    margin-left: 26px;
    margin-right: 26px;
  }
  .news-times span {
    flex: 1;
  }
</style>
